<template>
	<view>
		<view>
			<image src="../../../static/vovi.jpeg"
				style="width: 700upx;height: 240upx;margin-left: 25upx;margin-top: 20upx;border-radius: 10upx;"></image>
		</view>
		<view class="list_flex">
			<view class="list" v-for="(itam,index) in conf" @click="tz(itam.id)" :key="index">
				<image style="height: 200rpx;border-radius: 10rpx;" :src="itam.faceUrl" mode=""></image>
				<text class="lisi_t">{{itam.name}}</text>
				<!-- <text class="lisi_c">{{itam.name}}</text> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				conf: [],
				ttou: [],
				id: [],
				url: null
			}
		},
		onLoad(option) {
			this.ttou = option.na
			this.id = option.id
			console.log(this.id)
		},
		onShow() {
			uni.setNavigationBarTitle({
				title: this.ttou
			});
			// console.log(uni.getStorageSync('token'))
		},
		created() {
			let that = this
			let params = {
				id: that.id,
			}
			that.pyReq(that.$http.getVoviByType, params, function(res) {
				console.log('返回数据',res)
				that.conf = res.result
			});
		},
		methods: {
			tz(id) {
				let that = this
				uni.navigateTo({
					url:'./ziye_detail?voviId='+id
				})
				// that.pyReq(that.$http.getVoviUrl, {
				// 	id: id
				// }, function(res) {
				// 	uni.navigateTo({
				// 		url: './weburl?url=' + res.result.url
				// 	})
				// });
			}
		}
	}
</script>

<style>
	.list_flex{
		display: flex;
		margin: 0 30rpx;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.list {
		/* margin: 18upx 30upx; */
		flex: 0 0 48%;
		/* border-bottom: 1upx solid #999999; */
		padding-bottom: 20upx;
	}

	.lisi_t {
		font-size: 26upx;
		font-weight: 700;
	}

	.lisi_c {
		font-size: 26upx;
		max-height: 60upx;
		line-height: 33upx;
		overflow: hidden;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		clear: both;
	}
</style>
